<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
   
    姓名：
    <form action="">
        <input type="text" placeholder="请输入用户名" required>
    </form>
    <br />
    手机号码：
    <form action="">
        <input type="text">
    </form>
    <br />
    邮箱地址：
    <form action="">
        <input type="email">
    </form>
    <br />
    所属学院：
    <form action="">
        <input list="ice-cream"> 
        <datalist id="ice-cream">
            <option value="北大"></option>
            <option value="清华"></option>
            <option value="厦门大学"></option>
        </datalist>
    </form>
    <br />
    入学成绩：
    <form action="">
        <input type="number">
    </form>
    <br />
    基础水平：
    <form action="">
        <input type="range" min="0" max="255" >
    </form>
    <br />
    入学日期：
    <form action="">
    <input type="date" name="" id="">
    </form>
    <br />
    毕业日期：
    <form action="">
        <input type="date">

    </form>
    <br />
    <button type="submit">提交</button>
</body>

</html>